<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/index.css" />
  <script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>

  <script type="text/javascript" src="./js/index.js"></script>
  



</head>
<body>
<include file="./head.html"/>


     <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>嗨，欢迎来到海尔官方商城 请</p>
                   <a href="">登录</a>
               <li class="top_li_right">
                        <p>|</p>
                    <a href="" >免费注册</a><p> |</p>                        
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
      <div class="seek_seek">

          <!-- 左边海尔商标 -->
          <div class="seek_left">
              <div class="left_haier"></div>
              <div class="left_brand">
                   <img src="./image/slogan.png" alt="" />
              </div>
          </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
                <div class="_seek">

                  <form action="">
                    <input type="text" class="text" value="【全民爽购】" />
                    <input type="submit" value="" class="btn-search" />
                    <a href=""></a>
                  </form>

                </div>
              <!-- 底部 -->
              <div class="middle_bottom">
                <strong class="strong-title">热门搜索：</strong>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                  <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
              </div>
          </div>



      </div>
  </div>



 <!-- 导航条 -->

  <div id="strip">
    <div class="s_strip">

       <div class="classify">
         <a href="">商品分类</a>
       </div>


            <!-- 中间 -->
             <ul class="classify_content">

                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
                  <li class="li-mainnav">
                        <a href="">分类显示</a>
                </li>
                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>






    </div>
  </div>









<!-- 轮播图 -->

  <div id="l_chart">

     <div class="chart">
      	 <div class="outermost">
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />
               <img src="./image/001.jpg" alt="" />   
               <img src="./image/001.jpg" alt="" />     
         </div>
        <ul class="ul-l-b">
             <li style="background:#33BEFF"></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
         </ul>
  	 </div>  



     <ul>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
     </ul>
  </div>





<!-- 轮播下面 -->

<div id="imsge" >
	<div class="resize-item"><a href=""><img src="./image/002.jpg" alt="" /></a></div>	
	<div class="resize-item"><a href=""><img src="./image/002.jpg" alt="" /></a></div>	
	<div class="resize-item"><a href=""><img src="./image/002.jpg" alt="" /></a></div>	
	<div class="resize-item"><a href=""><img src="./image/002.jpg" alt="" /></a></div>	
</div>
          




<!-- 精品推荐 -->

 <div id="recommend">
     <h2>精品推荐</h2>
     <div class="hot_recommend">
	     <dl class="dl-recom-item dl-recom-item-1">
	     	 <dt class="dt-recom">热卖商品</dt>
	     </dl>

	     <dl class="dl-recom-iteme">
	     	 <dt class="dt-recom-item"><a href="">冰箱</a></dt>
	     	 <dd class="dd-recom-item">
	     	           <a href="">单门</a>
	     	           <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>                   
	     	 </dd>
	     </dl>

	     <dl class="dl-recom-iteme">
	     	 <dt class="dt-recom-item"><a href="">冰箱</a></dt>
	     	 <dd class="dd-recom-item">
	     	           <a href="">单门</a>
	     	           <p>|</p>
                       <a href="">单门</a>
               
	     	 </dd>
	     </dl>

	     <dl class="dl-recom-iteme">
	     	 <dt class="dt-recom-item"><a href="">冰箱</a></dt>
	     	 <dd class="dd-recom-item">
	     	           <a href="">单门</a>
	     	           <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>
                       <p>|</p>
                       <a href="">单门</a>                   
	     	 </dd>
	     </dl>


           	<dl class="dl-recom-iteme">
	     	 <dt class="dt-recom-item"><a href="">冰箱电视</a></dt>
	     	 <dd class="dd-recom-item">
	     	           <a href="">智能电视</a>
	     	           <p>|</p>
                       <a href="">LED电视</a>
                       <p>|</p>
                       <a href="">模块化电视</a>
                       <p>|</p>
                       <a href="">电视附件</a>
                       
	     	 </dd>
	     </dl>


     </div>


    <!-- 图片 -->
    <ul class="ul-excel">
    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>




    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>



    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>





    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>




    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>






    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>





    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>






    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>








    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>








    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>




    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>





    	<li class="li-excel">  
    		<a href="" class="a-thumb"><img src="./image/003.jpg" alt="" /></a>
    		<h4 class="h4-pro-title">
    			<a href="" class="a-pro-title">海尔冰箱</a>
    			<a href="" class="a1-pro-title">BCD-215SEBB</a>
                 <span class="s-pro-title">￥2399</span>
                 <a href="" class="huodong-pro-title">【冰爽来袭】第三波活动时间：6月24日00：00-6</a>

    		</h4>
    		<div class="d-a-tag">
    		    <a href="" class="a-tag">215升三门电脑冰箱仅售2399元</a>
    		</div>
    	</li>

    </ul>

 </div> 
  

 <!-- 个性定制 -->

  <div id="customization">
  	   <h2>个性定制</h2>
  	   <!-- 图片 -->
       <div class="resize-item">
			<a ref="ixv-main"  href="">
			      <img src="./image/004.jpg" alt="" />
			</a>
       </div>

       <div class="resize-item-er">
			<a ref="ixv-main"  href="">
			      <img src="./image/005.jpg" alt="" />
			</a>
       </div>

        <div class="resize-item-er">
			<a ref="ixv-main"  href="">
			      <img src="./image/005.jpg" alt="" />
			</a>
       </div>
     <div class="resize-item-er">
			<a ref="ixv-main"  href="">
			      <img src="./image/005.jpg" alt="" />
			</a>
       </div>
  </div>


  

  <!-- 新品首发 -->

   <div id="the-new-start">
   	   <h2>新品首发</h2>

   	   <div class="the-new-start-div">
   	   	  <a href="the-new-start-div-a">
   	   	  	 <img src="./image/006.jpg" alt="" />
   	   	  </a>
   	   </div>
   	   <div class="the-new-start-div">
   	   	  <a href="the-new-start-div-a">
   	   	  	 <img src="./image/006.jpg" alt="" />
   	   	  </a>
   	   </div>
   	   <div class="the-new-start-div">
   	   	  <a href="the-new-start-div-a">
   	   	  	 <img src="./image/006.jpg" alt="" />
   	   	  </a>
   	   </div>
   	   <div class="the-new-start-div">
   	   	  <a href="the-new-start-div-a">
   	   	  	 <img src="./image/006.jpg" alt="" />
   	   	  </a>
   	   </div>
   	   <div class="the-new-start-div">
   	   	  <a href="the-new-start-div-a">
   	   	  	 <img src="./image/006.jpg" alt="" />
   	   	  </a>
   	   </div>

   </div>

<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>


</body>
</html>